﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-itunes-app" content="app-id=591578609">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width"/>
<meta name="description" content="筑学堂网校" />
<meta name="keywords" content="筑学堂网校、建筑、考试"/>
<link rel="stylesheet" type="text/css" href="${csspath}/style/my_plat.css">
<link rel="stylesheet" type="text/css" href="${csspath}/style/my_course.css">
<!--[if IE 7]>
<link rel="stylesheet" href="/css/font-awesome/css/font-awesome-ie7.min.css">
<![endif]-->
<script type="text/javascript" src="${jspath}/js/study.js"></script>
<script type="text/javascript" src="${jspath}/js/base.js"></script>
<script type="text/javascript" src="${jspath}/js/exam.js"></script>
<title>筑学堂家园个人空间-专题课程</title>
<style type="text/css">
a {
	color:#222;
	text-decoration:none;
}
ul li {
	border:0;
	list-style-type:disc;
	margin:0;
	padding:0;
}
ol li {
	list-style-position:inside;
}
</style>
</head>
<body style="align:center; padding:0;margin:0;clear:both; background-color:F7F7F7;">
<!--顶部导航-->
<div class="user_top">
	<iframe src="../../../common/header" width="100%" height="100%"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>
</div>
<!--end顶部导航-->

<div class="course_topicbody">
	<div class="course_topic"> 我的学堂&gt; <a href="my_course.htm" style="color:#0A8CD2">我的课程</a> &gt;
		${myCourse.courseName} </div>
	<div class="courtopic_course">
		<div class="courtopic_pic"> 
		  <img src="http://resource.zhuclass.com/cdrmimg/${myCourse.coursePimg}?w=200&h=150" width="200" height="150"/> 
		</div>
		<div class="courtopic_name">
			<div class="courtopic_name01"> ${myCourse.courseName} </div>
			<div class="courtopic_name02"> 92人在学习 </div>
			<div class="courtopic_name03"> 总课程：${myCourse.courseTimes} </div>
			<div class="courtopic_name03"> 总学时：${myCourse.courseTimes} </div>
			<div class="courtopic_name04"> 请点击课程列表右侧的按钮进入学习 </div>
		</div>
		<div class="courtopic_namer">
			<div class="courtopic_namer01"> 已获得总学分： <span style="font-size:14px;">${myCourse.courseCredit} 分</span> </div>
			<div class="courtopic_namer02"> 总进度： </div>
			<div class="courtopic_namer03">
				<div style="width:${myCourse.progress}%;"> <span>${myCourse.progress}%</span> </div>
			</div>
			<div class="courtopic_namer04"> ${myCourse.progress}% </div>
		</div>
	</div>
	<div class="course_topic01"> 课时列表 </div>
	<div class="not_righttb" style="width:1002px;height:auto;background-color:#FFF;">
	  <c:forEach items="${topicList.data}" var="courseObject">
		<div class="course_course" style="width:960px;height:130px;background-color:#FFF;border-bottom:1px dashed #DDD;margin-left:20px;margin-top:0px;">
			<div class="course_coursepci" style="margin-top:20px;margin-left:10px;"> 
			  <a href="/student/curriculum/initCourseCtg/${courseObject.courseId}">
			    <img src="http://resource.zhuclass.com/cdrmimg/${courseObject.coursePimg}?w=120&h=90" width="120" height="90" />
			  </a>
			</div>
			<div class="course_coursepr" style="width:795px;">
				<div class="course_coursepr01" style="width:270px;margin-top:20px;">
					<div class="course_coursepr0101" style="width:250px;"> 
					  <a href="/student/curriculum/initCourseCtg/${courseObject.courseId}"> ${courseObject.courseName} </a> 
					</div>
					<div class="course_coursepr0102" style="width:250px;">
						<div class="course_coursepr0102r" style="width:200px;">
							<ul>
								<li> 课时：${courseObject.courseTimes} 个 <span style="float:right;">学时：${courseObject.studyTime} </span> </li>
								<li> 讲师： <a href="#"> <span style="color:#0A8CD2">${courseObject.courseTeachernm} </span> </a> </li>
								<li style="color:#666;"> 上次学习：${courseObject.lastStudyDate}  </li>
							</ul>
						</div>
					</div>
				</div>
				<div class="courtopic_namer" style="margin-left:170px;height:110px;margin-top:20px;">
					<div class="courtopic_namer01" style="margin-top:0px;margin-bottom:5px;"> 已获得总学分：
					 <span style="font-size:14px;">
						<c:choose>
						  <c:when test="${courseObject.progress == 100}">
						  	${courseObject.courseCredit}
						  </c:when>
						  <c:otherwise>0</c:otherwise>
						</c:choose> 分</span> 
					</div>
					<div style="width:100%;height:30px;">
						<div class="courtopic_namer03">
							<div style="width:${courseObject.progress}%;"> <span>${courseObject.progress}%</span> </div>
						</div>
						<div class="courtopic_namer04"> ${courseObject.progress}% </div>
					</div>
					<div class="course_coursepr0102rr" style="position:relative;float:left;left:0px;height:40px;"> 
					  <a href="/student/curriculum/initCourseCtg/${courseObject.courseId}">
						<div class="course_coursepr0102rrb" style="position:relative;float:left;"> 点击学习 </div>
					  </a> 
					</div>
				</div>
			</div>
		</div>
	  </c:forEach>
	  <!-- 
		<div class="course_course" style="width:960px;height:130px;background-color:#FFF;border-bottom:1px dashed #DDD;margin-left:20px;margin-top:0px;">
			<div class="course_coursepci" style="margin-top:20px;margin-left:10px;"> <a href="my_course_list.htm"> <img src="${csspath}images/notcour.jpg"/> </a> </div>
			<div class="course_coursepr" style="width:795px;">
				<div class="course_coursepr01" style="width:270px;margin-top:20px;">
					<div class="course_coursepr0101" style="width:250px;"> <a href="my_course_list.htm"> 心理咨询师三级课程（零起点） </a> </div>
					<div class="course_coursepr0102" style="width:250px;">
						<div class="course_coursepr0102r" style="width:200px;">
							<ul>
								<li> 课时：40个 <span style="float:right;">学时：1000</span> </li>
								<li> 讲师： <a href="#"> <span style="color:#0A8CD2">杨洋洋</span> </a> </li>
								<li style="color:#666;"> 上次学习：2014-09-15 </li>
							</ul>
						</div>
					</div>
				</div>
				<div class="courtopic_namer" style="margin-left:170px;height:110px;margin-top:20px;">
					<div class="courtopic_namer01" style="margin-top:0px;margin-bottom:5px;"> 已获得总学分： <span style="font-size:14px;">0 分</span> </div>
					<div style="width:100%;height:30px;">
						<div class="courtopic_namer03">
				<div style="width:20%;"> <span>20%</span> </div>
			</div>
						<div class="courtopic_namer04"> 0% </div>
					</div>
					<div class="course_coursepr0102rr" style="position:relative;float:left;left:0px;height:40px;"> <a href="#">
						<div class="course_coursepr0102rrb" style="position:relative;float:left;"> 点击学习 </div>
						</a> </div>
				</div>
			</div>
		</div>
		 
		<div class="course_course" style="width:960px;height:130px;background-color:#FFF;border-bottom:1px dashed #DDD;margin-left:20px;margin-top:0px;">
			<div class="course_coursepci" style="margin-top:20px;margin-left:10px;"> <a href="#"> <img src="${csspath}images/notcour.jpg"/> </a> </div>
			<div class="course_coursepr" style="width:795px;">
				<div class="course_coursepr01" style="width:270px;margin-top:20px;">
					<div class="course_coursepr0101" style="width:250px;"> <a href="#"> 心理咨询师三级课程（零起点） </a> </div>
					<div class="course_coursepr0102" style="width:250px;">
						<div class="course_coursepr0102r" style="width:200px;">
							<ul>
								<li> 课时：40个 <span style="float:right;">学时：1000</span> </li>
								<li> 讲师： <a href="#"> <span style="color:#0A8CD2">杨洋洋</span> </a> </li>
								<li style="color:#666;"> 上次学习：2014-09-15 </li>
							</ul>
						</div>
					</div>
				</div>
				<div class="courtopic_namer" style="margin-left:170px;height:110px;margin-top:20px;">
					<div class="courtopic_namer01" style="margin-top:0px;margin-bottom:5px;"> 已获得总学分： <span style="font-size:14px;">0 分</span> </div>
					<div style="width:100%;height:30px;">
						<div class="courtopic_namer03">
				<div style="width:30%;"> <span>30%</span> </div>
			</div>
						<div class="courtopic_namer04"> 0% </div>
					</div>
					<div class="course_coursepr0102rr" style="position:relative;float:left;left:0px;height:40px;"> <a href="#">
						<div class="course_coursepr0102rrb" style="position:relative;float:left;"> 点击学习 </div>
						</a> </div>
				</div>
			</div>
		</div>
		<div class="course_course" style="width:960px;height:130px;background-color:#FFF;border-bottom:1px dashed #DDD;margin-left:20px;margin-top:0px;">
			<div class="course_coursepci" style="margin-top:20px;margin-left:10px;"> <a href="#"> <img src="${csspath}images/notcour.jpg"/> </a> </div>
			<div class="course_coursepr" style="width:795px;">
				<div class="course_coursepr01" style="width:270px;margin-top:20px;">
					<div class="course_coursepr0101" style="width:250px;"> <a href="#"> 心理咨询师三级课程（零起点） </a> </div>
					<div class="course_coursepr0102" style="width:250px;">
						<div class="course_coursepr0102r" style="width:200px;">
							<ul>
								<li> 课时：40个 <span style="float:right;">学时：1000</span> </li>
								<li> 讲师： <a href="#"> <span style="color:#0A8CD2">杨洋洋</span> </a> </li>
								<li style="color:#666;"> 上次学习：2014-09-15 </li>
							</ul>
						</div>
					</div>
				</div>
				<div class="courtopic_namer" style="margin-left:170px;height:110px;margin-top:20px;">
					<div class="courtopic_namer01" style="margin-top:0px;margin-bottom:5px;"> 已获得总学分： <span style="font-size:14px;">0 分</span> </div>
					<div style="width:100%;height:30px;">
						<div class="courtopic_namer03">
				<div style="width:40%;"> <span>40%</span> </div>
			</div>
						<div class="courtopic_namer04"> 0% </div>
					</div>
					<div class="course_coursepr0102rr" style="position:relative;float:left;left:0px;height:40px;"> <a href="#">
						<div class="course_coursepr0102rrb" style="position:relative;float:left;"> 点击学习 </div>
						</a> </div>
				</div>
			</div>
		</div>
		-->
	</div>
</div>
 
 <%@ include file="../all_buttom.jsp"%>

</body>
</html>